@import '../../config/base.scss';
@font-face {
    font-family: 'iconfont';  /* project id 303075 */
    src: url('//at.alicdn.com/t/font_b0jn8lqor9ysyvi.eot');
    src: url('//at.alicdn.com/t/font_b0jn8lqor9ysyvi.eot?#iefix') format('embedded-opentype'),
    url('//at.alicdn.com/t/font_b0jn8lqor9ysyvi.woff') format('woff'),
    url('//at.alicdn.com/t/font_b0jn8lqor9ysyvi.ttf') format('truetype'),
    url('//at.alicdn.com/t/font_b0jn8lqor9ysyvi.svg#iconfont') format('svg');
}


.footer{
  position: fixed;
  bottom: 0;
  padding-top: 5px;
  width: 100%;
  height:0.5rem;
  overflow: hidden;
  border-top: 1px solid #ddd;
  background-color: #fff;
  z-index:99;

  .link{
    position:relative;
    width: 25%;
    text-align: center;
    float: left;
    color:$base-grey;

    i{
      display:block;
      font-size:20px;
    }

    img{
      display:block;
      width: 26px;
    }

    span{
      margin: 0;
      margin-top: -6px;
      font-size: 12px;
      line-height: 16px;
    }

    .dot{
      @include absolute(top 0.1rem left 50%);
      display:block;
      width:0.16rem;
      height:0.16rem;
      margin-top:-13px;
      margin-left:0;
      line-height:0.16rem;
      text-align:center;
      font-size:11px;
      background:red;
      border:1px solid red;
      color:#fff;
      border-radius:100%;
    }

  i:before{
      font-family: 'iconfont';
      font-style: normal;
   }
    &.active{
        color:$text-orange;
        //.shouye:before{
        //    content: '\e60a';
        //}
        //.fenlei:before{
        //    content: '\e609';
        //}
        //.gouwuche:before{
        //    content: '\e606';
        //}
        //.wode:before{
        //    content: '\e608';
        //}
    }
      .shouye:before{
          content: '\e65b';
      }
      .fenlei:before{
          content: '\e647';
      }
      .gouwuche:before{
          content: '\e64b';
      }
      .wode:before{
          content: '\e658';
      }
  }
}
